<div class="tlp-form-element">
    <label class="tlp-label tlp-radio">
        <input type="radio" name="genre" value="male" checked> Male
    </label>
    <label class="tlp-label tlp-radio">
        <input type="radio" name="genre" value="female"> Female
    </label>
</div>

<div class="tlp-form-element">
    <label class="tlp-label tlp-radio">
        <input type="radio" name="genre" value="male" checked> Male
    </label>
    <label class="tlp-label tlp-radio">
        <input type="radio" name="genre" value="female"> Female
    </label>
    <p class="tlp-text-info"><i class="fa fa-life-saver"></i> Hey bro', I'm a help text. I'm here to help you.</p>
</div>

<div class="tlp-form-element tlp-form-element-disabled">
    <label class="tlp-label tlp-radio">
        <input type="radio" name="genre" value="male" disabled> Male disabled
    </label>
    <label class="tlp-label tlp-radio">
        <input type="radio" name="genre" value="female" disabled> Female disabled
    </label>
</div>

<div class="tlp-form-element tlp-form-element-error">
    <label class="tlp-label tlp-radio">
        <input type="radio" name="genre" value="male"> Male error
    </label>
    <label class="tlp-label tlp-radio">
        <input type="radio" name="genre" value="female"> Female error
    </label>
    <p class="tlp-text-danger">Oops, it seems you missed something <i class="fa fa-frown-o"></i></p>
</div>
